<%@page import="ta.utils.PageInfo"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@page import="java.util.List"%>
<%@page import="ta.pojo.Blog"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<!-- 优先使用 IE 最新版本和 Chrome -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<!-- 为移动设备添加 viewport -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
	<!--忽略页面中的数字识别为电话，忽略email识别-->
	<meta name="format-detection" content="telphone=no, email=no" />
	<title>主页</title>
	<link rel="stylesheet" type="text/css" href="blogindex/css/bootstrap.css" />
	<link rel="stylesheet" type="text/css" href="blogindex/css/base.css" />
	<link rel="stylesheet" type="text/css" href="blogindex/css/index.css" />
	<!--[if lt IE 9]>
	<script type="text/javascript" src="blogindex/js/html5shiv.min.js"></script>
	<script type="text/javascript" src="blogindex/js/respond.min.js"></script>
	<![endif]-->
	<link rel="stylesheet" type="text/css" href="blogindex/css/media.css" />
	<style type="text/css">
		.page-banner img{max-width:100%;}
		.glyphicon-heart{margin-left:20px;}
		.news-text{ margin:30px 0px;  border-bottom: 1px  dotted #dedede; padding-bottom: 10px;}
		.news-list a.read-all{ margin-right: 30px;}
	</style>
</head>

	<body>
		<!--导航-->
		<nav class="navbar navbar-default navbar-fixed-top top-box">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
					<h1><a class="navbar-brand" href="#">
						T Z ’s blog
					</a></h1>
				</div>

				<div class="collapse navbar-collapse" >
					<ul class="nav navbar-nav navbar-right top-nav">
						<li class="active">
							<a href="Index?type=getlist1">
								主页
								<span class="sr-only">(current)</span>
							</a>
						</li>
						<li>
							<a href="admin.jsp">后台</a>
						</li>
						<li>
								<a href="login.jsp">登录</a>
						</li>
						<li>
							<a onclick="dl()">写博客</a>
						</li>
						<li class="search_c"><a href="#">search <i class="glyphicon glyphicon-search"></i></a></li>
						<form>
							<input type="text"  value=""  name="q"  class="form-control search" placeholder="请输入文章关键字或标题" >
						</form>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container -->
		</nav>
		<!--/ 导航-->

		<!--轮播图-->
		<div id="carousel-example-generic" class="carousel slide banner" data-ride="carousel">
			<!-- 圆点 -->
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>

			<!-- 图片区域 -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="blogindex/img/lunbo1.png" alt="">
				</div>
				<div class="item">
					<img src="blogindex/img/lunbo2.png" alt="">
				</div>
				<div class="item">
					<img src="blogindex/img/lunbo1.png" alt="">
				</div>
			</div>

			<!-- 左右控制箭头 -->
			<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left " aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<!--文章列表 -->
		<jsp:include page="blogindex/bloglist.jsp"></jsp:include>

		<div class="footer">
			<a href="#"> <i class="glyphicon glyphicon-user"></i></a>
			<a> &nbsp; </a>
			‘s blog  ❤<a href="tel:0123456789"></a> <br/>

			© 2022 <a href="http://www.qywzmb.com/" target="_blank"></a>
		</div>

		<script type="text/javascript" src="blogindex/js/jquery.js"></script>
		<script type="text/javascript" src="blogindex/js/bootstrap.js"></script>
		<script type="text/javascript" src="blogindex/js/nav.js"></script>
		<script type="text/javascript" language="javascript">
			function dl(){
				alert("请先登录");
				window.document.location.href="login.jsp";
			}

		</script>
		<!--返回顶部-->
		<a href="javascript:scrollTo(0,0)">返回顶部</a>
	</body>
</html>